import React, { Component } from "react";
import { DatePicker, Button } from "antd";
//导入字体图标元素
import {AlipayCircleOutlined, SearchOutlined} from '@ant-design/icons'
import { Typography } from 'antd';
const { Text } = Typography;
export default class Antd extends Component {
    render() { 
        return (
            <div style={{ padding: "50px" }}>
                <h3>初体验</h3>
                <DatePicker />
                <br /> <br /> <br />

                <h3>按钮组件</h3>
                <Button type="primary">测试按钮</Button>
                <Button type="primary" disabled>
                    Primary(disabled)
                </Button>
                <Button type="primary" shape="circle" icon={<SearchOutlined />} />
                <br /> <br /> <br />

                <h3>字体图标</h3>
                <AlipayCircleOutlined style={{fontSize: '40px'}} />
                <br /> <br /> <br />

                <h3>排版</h3>
                <Text type="danger">Ant Design (danger)</Text>
                <br /> <br /> <br />

                
                
            </div>
        );
    }
}
